<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><tiles:getAsString name="title"/> </title>
<style type="text/css">
#container{
	width:1200px;
	border: 1px solid black;
}
#header{
	padding: 5px;
	border-bottom: 1px solid black;
}
#left{
	padding: 5px;
	height:700px;width:200px;
	float:left;
}
#content{
	padding: 5px;
	min-height : 700px; /* 기본 사이즈 늘어나면 더 늘어남  */ 
	height : auto;   /* 자동으로 늘어나게 해주는 부분중 하나 */
	border-left: 1px solid #e9e7e7;;
	width:600px;  
	float:left; 
}

#footer{
	padding-top:5px;
	border-top: 1px solid black;
	clear:both;   
	text-align:center;
	height:50px;
}
</style>
 <!-- 위쪽에 사용하던 float을 삭제하라는 내용 -->
</head>
<body>

<div id="container" >

	<div id="header">
		<tiles:insertAttribute name="header"/>
	</div>

	<div id="left" >
		<tiles:insertAttribute name="left"/>
	</div>

	<div id="content" >
		<tiles:insertAttribute name="content"/>
	</div>

	<div id="footer" >
		<tiles:insertAttribute name="footer"/>
	</div>
</div>
</body>
</html>